<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Piece - 注册确认</title>
    <script th:inline="javascript">ctx = [[${ctx}]];</script>
    <link th:href="${ctx}+'lib/bootstrap/bootstrap.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/font-awesome/css/font-awesome.css'" rel="stylesheet" type="text/css">
    <link th:href="${ctx}+'css/animate.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'css/style.min.css'" rel="stylesheet" type="text/css"/>
</head>
<body class="gray-bg err-500">
<div class="middle-box text-center animated fadeInDown">
    <h1>邮箱注册确认</h1>
    <h3 class="font-bold">
        用户注册邮件已发到您注册的邮箱中，请查收！
        <small id="time_show">5秒后返回</small>
    </h3>

    <div class="error-desc m">
        请登录您注册的邮箱，查收通知邮件。
    </div>
</div>
<script th:src="${ctx}+'lib/jquery/jquery.min.js?v=2.1.4'" type="text/javascript"></script>
<script th:src="${ctx}+'lib/bootstrap/bootstrap.min.js?v=3.3.6'" type="text/javascript"></script>
<script>
    $(function() {
        var time = 5;
        var timer = setInterval(function(){
            $("#time_show").text(time-- + '秒后返回');

            if (time <= 0) {
                clearInterval(timer);
                top.window.location = ctx;
            }
        },1000);
    });
</script>

</body>
</html>
